<template>
  <GlobalPage>
    <div class="table-box">
      <el-table :data="Data.list" style="font-size: 10px">
        <el-table-column type="selection" width="45" align="center">
        </el-table-column>
        <el-table-column prop="id" label="ID"> </el-table-column>
        <el-table-column prop="title" label="标题"> </el-table-column>
        <el-table-column prop="user" label="发布用户"> </el-table-column>
        <el-table-column prop="lock" label="观看人数"> </el-table-column>
        <el-table-column prop="username" label="收藏数"> </el-table-column>
        <el-table-column prop="fover" label="点赞数"> </el-table-column>
        <el-table-column prop="username" label="评论数"> </el-table-column>
        <el-table-column prop="username" label="分享数"> </el-table-column>
        <el-table-column prop="username" label="ago_time"> </el-table-column>
        <el-table-column prop="state" label="状态" fixed="right" align="center">
        </el-table-column>
        <el-table-column label="操作" fixed="right" align="center" width="140">
        </el-table-column>
      </el-table>
      <GlobalPagination></GlobalPagination>
    </div>
  </GlobalPage>
</template>

<script setup>
import GlobalPage from "@/components/Global-Page/Global-Page.vue";
import GlobalPagination from "@/components/GlobalPagination/index.vue";
import API from "@/api";
import { reactive, onBeforeMount } from "vue";
const Data = reactive({
  list: [],
});
onBeforeMount(() => {
  API.Dynamic.GetDynamicList()
    .then((res) => {
      let { data } = res;
      let { list } = data;
      Data.list.push(...list);
    })
    .catch((err) => {
      console.log(err);
    });
});
</script>

<style>
.table-box {
  padding: 15px;
  background: white;
}
</style>
